<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="keywords" content="微信全民拼团,客牛微传,客牛拼团">
    <meta name="description" content="微信全民拼团,客牛微传,客牛拼团">
    <title>团购编辑页</title>
    <!-- 动态rem解决方案 -->
    <script>
        var width = document.documentElement.clientWidth;
        var scale = width / 375;
        var css = 'html{font-size:' +
            37.5 * scale +
            'px;}';
        document.write('<style>' + css + '</style>');
    </script>
        <script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.js"></script>
</head>

<body>
    <div id="app" v-cloak>
        <func-banner :mananger='false'></func-banner>
        <div class="container">
            <edit-header :header="Header"></edit-header>
            <main>
                <select-time :timeselect="TimeSet"></select-time>
                <div class="activity_rules" v-if="!HasJoiners">
                    <p style="text-align: center;
                color:#f00;
    padding-bottom: 0.4rem;
    font-weight: 600;">以下参数有人报名之后不可修改</p>
                    <div class="price_set">
                        <div>原价
                            <input type="number"  pattern="[0-9]*" v-model="Prizes.PrePrice">
                            <span>元</span>
                        </div>
                    </div>
                    <div class="both"></div>
                    <div class="price_set">
                        <div>参加拼团需要支付
                            <input type="number"  pattern="[0-9]*" v-model="Prizes.BeforePrice">
                            <span>元</span>
                        </div>
                    </div>
                    <div class="price_set_des">
                        <p>建议预付款最少1元,提现时需要收取2.5%手续费</p>
                    </div>
                    <div class="all_prize_set">
                        <div class="prize_price_set" v-for="(item,index) in Prizes.GroupArr">
                            <div class="prize_price_set_detail">
                                <div class="set_people">
                                    <div>
                                        <input type="number"  onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"  pattern="[0-9]*" v-model="item.PeoNum">
                                        <span>人团</span>
                                    </div>
                                </div>
                                <div class="set_money">
                                    <div>拼团价:
                                        <input type="number"  onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"  pattern="[0-9]*" v-model="item.Price">
                                        <span>元每人</span>
                                    </div>
                                </div>
                            </div>
                            <div v-if="index" class="delete_prize" v-on:click="DeleteGroup(index)"></div>
                        </div>
                    </div>
                    <div class="price_set_des">
                        <p>您可以设置多组团,最多设置5组,拼团人数应该逐渐增多,拼团价格应逐渐减少,建议按照原价的30%逐级递减,请认真设置,有人参团后原价,定金,几人团,拼团价不可修改</p>
                    </div>
                    <div class="add_prize" v-on:click="AddGroup">增加新的拼团阶梯</div>
                </div>
                <div class="activity_rules" v-else>
                    <p style="text-align: center;
                color:#f00;
    padding-bottom: 0.4rem;
    font-weight: 600;">已有人报名,参数不可修改</p>
                    <div class="price_set">
                        <div>原价{{Prizes.PrePrice}}
                            <span>元</span>
                        </div>
                    </div>
                    <div class="both"></div>
                    <div class="price_set">
                        <div>参加拼团需要支付{{Prizes.BeforePrice}}
                            <span>元</span>
                        </div>
                    </div>
                    <div class="price_set_des">
                        <p>建议预付款最少1元,提现时需要收取2.5%手续费</p>
                    </div>
                    <div class="all_prize_set">
                        <div class="prize_price_set" v-for="(item,index) in Prizes.GroupArr">
                            <div class="prize_price_set_detail">
                                <div class="set_people">
                                    <div>
                                        {{item.PeoNum}}<span>人团</span>
                                    </div>
                                </div>
                                <div class="set_money">
                                    <div>拼团价:
                                       {{item.Price}}
                                        <span>元每人</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <g-section v-on:child-say="listenSectionChange" :sedata="Content"></g-section>
                <!-- 额外信息-->
                <edit-addmsg :footeradd="AddMsg"></edit-addmsg>
                <div class="both"></div>
                <div class="both"></div>
                <div class="both"></div>
                <div class="both"></div>
                <div class="both"></div>
                <div class="both"></div>
            </main>
        </div>

        <div class="footer">
            <a id='preview' v-on:click="saveActDetail(1)">预览活动</a>
            <a class="right" id='presave' v-on:click="saveActDetail(2)">保存活动</a>
        </div>
    </div>
</body>
</html>